<div style="">
    <div class="bg-2" style="float: left">
        <img alt="" src="<?php echo base_url() ?>static/images/mapslider.png" style="height: 350px;" class="img-responsive">
    </div>
    <div class="bg-2" style="height: 350px;">
        <div style="text-align: right; padding-right: 10px; padding-top: 5px; vertical-align: middle">
            <form action="<?= site_url() ?>/login/masuk" method="post">
                <input type="text" placeholder="Username" class="login_field" name="username" id="username"/>
                <input type="password" placeholder="Password"  class="login_field" name="password"/>
                <input type="submit" value="Login" class="login_button"/>
            </form>
        </div>
    </div>
</div>
<style>
.login_field{
    height: 34px; 
    padding: 6px 12px; 
    font-size: 16px;
    line-height: 1.4;
    border-radius: 4px; 
    color: black;
}
.login_button{
    padding: 5px 12px; 
    font-weight: 400; 
    line-height: 1.4; 
    text-align: center; 
    vertical-align: middle;
    border-radius: 4px; 
    border: 1px solid transparent; 
    background-color: #5577bb;
}
</style>
<script type="text/javascript">
//$(document).ready(function(){

    //document.getElemntById('username').focus();
//});

</script>